<!DOCTYPE html>
<html>
    <head>
        <script>document.write('<base href="' + document.location + '" />');</script>
        
        <link rel="apple-touch-icon" sizes="57x57" href="resources/favicon/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="resources/favicon/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="resources/favicon/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="resources/favicon/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="resources/favicon/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="resources/favicon/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="resources/favicon/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="resources/favicon/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192"  href="resources/favicon/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="resources/favicon/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
        <link rel="manifest" href="resources/favicon/manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="resources/favicon/ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">
        
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
        <meta name="apple-mobile-web-app-capable" content="yes" />

        <link rel="stylesheet" type="text/css" href="node_modules/primeui/themes/omega/theme.css" />
        <link rel="stylesheet" type="text/css" href="resources/icons/css/font-awesome.min.css" />
        <link rel="stylesheet" type="text/css" href="resources/css/prism.css" />
        <link rel="stylesheet" type="text/css" href="node_modules/primeui/primeui-ng-all.min.css" />
        <link rel="stylesheet" type="text/css" href="resources/css/site.css" />
                
        <!-- CodeHighligther -->
        <script src="resources/js/prism.js" data-manual></script>
        
        <!-- Showcase -->
        <script src="resources/js/site.js"></script>
        
        
        <!-- 1. Load libraries -->
	    <!-- Polyfill(s) for older browsers -->
	    <script src="node_modules/core-js/client/shim.min.js"></script>
	    <script src="node_modules/zone.js/dist/zone.js"></script>
	    <script src="node_modules/reflect-metadata/Reflect.js"></script>
	    <script src="node_modules/systemjs/dist/system.src.js"></script>
        
        <!-- 2. Configure SystemJS -->
    	<script src="systemjs.config.js"></script>
        <script>
	        System.import('dist').catch(function(err){ console.error(err); });
	    </script>
    </head>

    <body>
        <primeng-showcase>
            <div style="height:100%;text-align:center;background-color:#20272a;">
                <div style="padding-top:200px">
                <img src="resources/images/primeng.svg" style="height:150px;"/>
                </div>
                
                <div style="margin-top:25px">
                    <img src="resources/images/loader.gif"/>
                </div>
            </div>
        </primeng-showcase>
    </body>

</html>